<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="detail/css/main.css">
    </head>
    <body class="um-vp " ontouchstart>
        <div id="detail-page_0" class="up ub ub-ver bc-bg" tabindex="0">
            <!--header开始-->
            <div id="detail-header" class="uh bc-text-head ub bc-head">
                <div class="nav-btn" id="nav-left">
                    <div class="fa fa-angle-left fa-2x"></div>
                </div>
                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">事项详情</h1>
                <div class="nav-btn nav-bt" id="nav-right">
                </div>
            </div>
            <!--header结束--><!--content开始-->
            <div id="content" class="ub-f1 tx-l">

            </div>
            <!--content结束-->
            <!--footer-->
            <div id="footer" class="ubt bc-border ub sc-bg uinn">
                <div class="uinn4 ub ub-f1">
<div class="sc-bg-active uinput ub ub-f1  bc-border uba ub-ac ">
                <input placeholder="审批意见" type="text" class="ub-f1">
            </div>
            </div>
                <div class="btn ub ub-ac bc-text-head ub-pc bc-btn uc-a1"  id="btn1">
                    审批
                </div>
            </div>
        </div>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
    </body>
    <script>
    var titHeight = '';
        appcan.ready(function() {
            // titHeight = $('#header').offset().height;
            // appcan.frame.open("detail-content", "detail_content.html", 0, titHeight);
            // window.onorientationchange = window.onresize = function() {
                // appcan.frame.resize("content", 0, titHeight);
            // }
            titHeight = $('#detail-header').offset().height;
            var s=window.getComputedStyle($("#content")[0],null);
            var ft=window.getComputedStyle($("#footer")[0],null);

            var h = titHeight+parseInt(ft.height);
            appcan.window.openPopover("header","0","detail_header.html","",0,0,parseInt($('#detail-header').offset().width),titHeight,parseInt(s.fontSize),"0");
            uexWindow.openPopover("content","0","detail_content.html","",0,titHeight,parseInt($('#content').offset().width),'',parseInt(s.fontSize),"0",parseInt(h));
            appcan.frame.resize("content", 0, titHeight);
            window.onorientationchange = window.onresize = function() {
                appcan.window.openPopover("header","0","detail_header.html","",0,0,parseInt($('#detail-header').offset().width),0,parseInt(s.fontSize),"0",0);
                appcan.frame.resize("content", 0, titHeight);
            }
        });
         // appcan.button(".nav-btn", "btn-act", function() {
             // appcan.window.close(-1);
         // });
         appcan.button("#nav-left", "btn-act", function() {
             appcan.window.close(-1);
            //appcan.window.evaluateScript("detail","closeWin()");
        });
        appcan.button(".btn", "ani-act", function() {
            appcan.frame.open("detail-page_0", "oa_approve.html", 0, 0);
        });
        function closePop(){
            //console.log(2);
            //appcan.frame.close('detail-page_0');
            appcan.closeWin(-1);  
        };
        function closeWin(){
            //console.log(3);
            appcan.window.close(-1);
        };
    </script>
</html>